<script>
export default {
    name: "Footer",
    render() {
        return (
            <div class="footer">
                <div class="footerBlog">© {new Date().getFullYear()} ChenJianHui - 个人博客</div>
                <div>
                    <a href="http://beian.miit.gov.cn/">粤ICP备20010437号</a>
                </div>
            </div>
        );
    },
};
</script>

<style scoped>
.footer {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #333;
    height: 100px;
    color: #fff;
    text-align: center;
    width: 100%;
    align-self: flex-end;
}
a {
    margin-left: 10px;
}
a:hover {
    color: rgba(255, 255, 255, 0.8);
}

/* 移动端 Footer样式 */
@media screen and (max-width: 600px) {
    .footer {
        font-size: 14px;
        flex-direction: column;
        align-self: flex-end;
    }
    .footerBlog{
        margin-bottom: 15px;
    }
}
</style>
